<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/vue.js"></script>
</head>
<body>
<!--这里是MVVM中的View-->
    <div id="app">
    <!--如果样式名带-，那么需要用引号扩起来样式才会生效-->
    <!-- <p :style="{color:'red','font-size':'100px'}">我是段落 </p> -->
    <!--如果model中保存了多个样式的对象想将多个对象都绑定style那么可以将多个对象放到数组中赋值即可-->
    <p :style="[obj1,obj2]">我是段落</p>
    
</div>
<script>
//这里是MVVM中的View Model
    let vue = new Vue({
    el: '#app',
//这里是MVVM中的Model
    data: {
        obj1:{
            "color":"blue",
            "font-size":"100px"
        },

        obj2:{
            "background-color":"red"
        }
    }
    });
</script>
</body>
</html>